<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="style/main.css" />
<link rel="stylesheet" type="text/css" href="style/header.css"/>
<link rel="stylesheet" type="text/css" href="style/reset.css"/>
<link rel="stylesheet" type="text/css" href="style/index.css"/>
<link rel="stylesheet" type="text/css" href="style/public.css"/>
<script type="text/javascript" src="script/common.js"></script>
</head>
<body>
<!--顶部开始-->
<div class="header">
    <div class="header_box">
    	<ul>
        	<li class="header_box_left">
                您好，欢迎来星汇！
                <a href="#"><img align="absMiddle" src="images/user.gif" />&nbsp;请登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="#"><img align="absMiddle" src="images/key.gif" />&nbsp;免费注册</a>
            </li>
        	<li class="header_box_right">
                <a class="header_tag_link" href="#"><img align="absMiddle" src="images/cart.gif" />&nbsp;我要买 </a>
                <a class="header_tag_link" href="#"><img align="absMiddle" src="images/coins.gif" />&nbsp;我的星汇</a> 
                <a class="header_tag_link2" href="#"><img align="absMiddle" src="images/help.gif" />&nbsp;帮助中心</a>
            </li>
        </ul>
    </div>
</div>
<div class="tagDiv"></div>
<!--顶部结束-->

<!--顶部菜单开始-->
<div class="area">
  <div class="logo"> <a href="#"><img src="images/logo.jpg" /></a> </div>
  <div class="navCtn">
    <div class="hotLime"><img width="780" height="60" src="images/img5.gif" /></div>
    <ul class="nav">
      <li class="sel"> <a href="#">首页</a> </li><li> <a href="#">数码家电</a> </li><li> <a href="#">宠物社区</a> </li><li> <a href="#">情趣用品</a> </li><li> <a href="#">母婴用品</a> </li><li> <a href="#">保健用品</a> </li><li> <a href="#">保健用品</a> </li><li> <a href="#">保健用品</a> </li><li> <a href="#">保健用品</a> </li>
    </ul>
  </div>
</div>

<div class="searchbar">
  <div class="area">
  <div class="motto">
  
  </div>
  
  <div class="searchCtn">
    <input class="seakey cGray999" name="" type="text" value="输入品牌或商品进行搜索" /><input class="btn_search" name="" type="button" />
  </div>
  
  <div class="hotwords">
  热门搜索：<a href="#">保湿</a><a href="#">BB霜</a><a href="#">雅顿</a><a href="#">诗兰黛</a><a href="#">贝佳</a>
  </div>
  </div>
</div>
<!--顶部菜单结束-->


<div class="wrap">
    
    <!--当前位置开始-->
    <div class="map"><img align="absMiddle" src="images/house.gif" />&nbsp;当前位置：<a href="#">星购首页</a>&nbsp;<img align="absMiddle" src="images/map_tag.gif" />&nbsp;我的星购</div>
    <!--当前位置结束-->
    
    <div class="banner_box"><img align="absMiddle" src="images/img1.jpg" /></div>
    
    <div class="shop_top_nav">
    	<ul class="shop_top_nav_left">   
        	<li><a href="#">首页</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">商家介绍</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">品牌故事</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">宝贝详情</a></li>
        </ul>
    	<ul class="shop_top_nav_right">
        	<li><img align="absMiddle" src="images/star.gif" />&nbsp;<a href="#">收藏本商铺</a></li>
        </ul>
    </div>
    
    <!--左边box开始-->
    <div class="shop_left">
    
    	<div class="shop_people">
        	<ul>
            	<li><img src="images/img2.jpg" /></li>
            	<li><span class="bolder">菲普斯品牌内衣专卖店</span></li>
            	<li><img align="absMiddle" src="images/zfb_person_small.gif" />&nbsp;已通过商城诚信验证</li>
            	<li class="shop_people_tag">在线客服：<a href="#"><img align="absMiddle" src="images/btn4.gif" /></a></li>
            	<li><a href="#"><img align="absMiddle" src="images/btn5.gif" /></a></li>
            	<li><a href="#"><img align="absMiddle" src="images/btn6.gif" /></a></li>
            </ul>
        </div>
        
    	<div class="shop_left_title">店内搜索</div>
    	<div class="shop_left_search_box">
        	<ul>
            	<li><input class="login_input" style="width:100%;" name="" type="text" /></li>
            	<li><img align="absMiddle" src="images/search_btn2.gif" /></li>
            </ul>
        </div>
        
    	<div class="shop_left_title">商品分类</div>
    	<div class="shop_left_box">
        	<ul><a href="#">查看全部商品>></a></ul>
            <ul>按功能分类：
            	<li><a href="#">手提</a></li>
            	<li><a href="#">单肩</a></li>
            	<li><a href="#">双肩</a></li>
            	<li><a href="#">斜跨</a></li>
            	<li><a href="#">手提单肩</a></li>
            	<li><a href="#">手提斜跨</a></li>
            	<li><a href="#">单肩斜跨</a></li>
            </ul>
            <ul>按功能分类：
            	<li><a href="#">手提</a></li>
            	<li><a href="#">单肩</a></li>
            	<li><a href="#">双肩</a></li>
            	<li><a href="#">斜跨</a></li>
            	<li><a href="#">手提单肩</a></li>
            	<li><a href="#">手提斜跨</a></li>
            	<li><a href="#">单肩斜跨</a></li>
            </ul>
        </div> 
        
    </div>
    <!--左边box开始-->
    
    <!--右边box开始-->    
    <div class="shop_right">
        
        <!--商品介绍开始-->
        <div class="shop_products_title">
        	<span class="shop_products_title_text">2011春款肩部褶皱修身版男士长袖衬衫</span>
        </div>
        <table style="margin-top:20px;" width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
            	<td width="320" valign="top"><img width="300" src="images/img3.jpg" /></td>
            	<td valign="top">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr height="30">
                        <td class="products_tab_td1">售&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价：</td>
                        <td class="products_tab_td2">￥&nbsp;<span class="products_price">98.00</span>&nbsp;元<span class="shop_products_title_heart">(&nbsp;<img align="absMiddle" src="images/heart.gif" />&nbsp;<a href="#">收藏该商品</a>&nbsp;)</span></td>
                    </tr>
                    <tr height="30">
                        <td class="products_tab_td1">送&nbsp;&nbsp;积&nbsp;&nbsp;分：</td>
                        <td class="products_tab_td2">(单件送) 99 分</td>
                    </tr>
                    <tr height="30">
                        <td class="products_tab_td1">运&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;费：</td>
                        <td class="products_tab_td2"><span class="red">10.00</span>元(EMS)</td>
                    </tr>
                    <tr height="30">
                        <td class="products_tab_td1">新旧程度：</td>
                        <td class="products_tab_td2">全新</td>
                    </tr>
                    <tr height="30">
                        <td class="products_tab_td1">所&nbsp;&nbsp;在&nbsp;&nbsp;地：</td>
                        <td class="products_tab_td2">广东-广州</td>
                    </tr>
                    <tr>
                        <td bgcolor="#f0f0f0" style="padding:10px 10px 0 10px;" colspan="2">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr height="30">
                                <td colspan="2"><div class="tips"><img align="absMiddle" src="images/lightbulb.gif" />&nbsp;<span class="red">温馨提示：</span>请选择“胸围尺码”“颜色”</div></td>
                            </tr>
                            <tr>
                                <td class="products_tab_td1">胸围尺码：</td>
                                <td class="products_tab_td2">
                                <ul class="products_tag">
                                	<li>70A</li>
                                	<li>75A</li>
                                	<li>80A</li>
                                </ul>
                                </td>
                            </tr>
                            <tr>
                                <td class="products_tab_td1">颜&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;色：</td>
                                <td class="products_tab_td2">
                                <ul class="products_tag">
                                	<li>黑色</li>
                                	<li>白色</li>
                                	<li>蓝色</li>
                                	<li>红色</li>
                                	<li>绿色</li>
                                </ul>
                                </td>
                            </tr>
                            <tr height="30">
                                <td class="products_tab_td1">购买数量：</td>
                                <td class="products_tab_td2"><input class="tab_input" style="width:50px;" name="" type="text" />&nbsp;件（剩余<span class="red">85</span>件）</td>
                            </tr>
                            <tr height="60">
                                <td align="center" colspan="2">
                                <img src="images/btn10.gif" />&nbsp;&nbsp;&nbsp;&nbsp;
                                <img src="images/btn11.gif" />
                                </td>
                            </tr>
                        </table>
                        </td>
                    </tr>
                </table>
                </td>
            </tr>
        </table>
        <!--商品介绍结束-->
                
        <!--商品卡片开始-->
        <div id="con">
            <ul id="tags">   
                <li class="selectTag"><a onClick="selectTag('tagContent0',this)" href="javascript:void(0)">商品详情</a> </li>
                <li><a onClick="selectTag('tagContent1',this)" href="javascript:void(0)">购买流程</a> </li>
                <li><a onClick="selectTag('tagContent2',this)" href="javascript:void(0)">近期销量</a> </li>
                <li><a onClick="selectTag('tagContent3',this)" href="javascript:void(0)">留言板</a> </li>
            </ul>
            <div id="tagContent">
                <div class="tagContent selectTag" id="tagContent0">第一个标签的内容</div>
                <div class="tagContent" id="tagContent1">第二个标签的内容</div>
                <div class="tagContent" id="tagContent2">第三个标签的内容</div>
                <div class="tagContent" id="tagContent3">第四个标签的内容</div>
            </div>
        </div>
        <!--商品卡片结束-->
        
        <!--推荐商品开始-->
        <div class="shop_box_title"><span class="more"><a href="#">更多>></a></span>推荐商品</div>
        <div class="shop_box">
        	<ul>
            	<li><a href="#"><img class="shop_box_img" width="160" height="160" src="images/img2.gif" /></a></li>
            	<li><a href="#">超热卖100%进口纯牛皮时尚单肩斜挎两用女包</a></li>
            	<li>一口价：<span class="shop_price">￥98元</span></li>
            </ul>
        	<ul>
            	<li><a href="#"><img class="shop_box_img" width="160" height="160" src="images/img2.gif" /></a></li>
            	<li><a href="#">超热卖100%进口纯牛皮时尚单肩斜挎两用女包</a></li>
            	<li>一口价：<span class="shop_price">￥98元</span></li>
            </ul>
        	<ul>
            	<li><a href="#"><img class="shop_box_img" width="160" height="160" src="images/img2.gif" /></a></li>
            	<li><a href="#">超热卖100%进口纯牛皮时尚单肩斜挎两用女包</a></li>
            	<li>一口价：<span class="shop_price">￥98元</span></li>
            </ul>
        	<ul>
            	<li><a href="#"><img class="shop_box_img" width="160" height="160" src="images/img2.gif" /></a></li>
            	<li><a href="#">超热卖100%进口纯牛皮时尚单肩斜挎两用女包</a></li>
            	<li>一口价：<span class="shop_price">￥98元</span></li>
            </ul>
        	<ul>
            	<li><a href="#"><img class="shop_box_img" width="160" height="160" src="images/img2.gif" /></a></li>
            	<li><a href="#">超热卖100%进口纯牛皮时尚单肩斜挎两用女包</a></li>
            	<li>一口价：<span class="shop_price">￥98元</span></li>
            </ul>
        	<ul>
            	<li><a href="#"><img class="shop_box_img" width="160" height="160" src="images/img2.gif" /></a></li>
            	<li><a href="#">超热卖100%进口纯牛皮时尚单肩斜挎两用女包</a></li>
            	<li>一口价：<span class="shop_price">￥98元</span></li>
            </ul>
        	<ul>
            	<li><a href="#"><img class="shop_box_img" width="160" height="160" src="images/img2.gif" /></a></li>
            	<li><a href="#">超热卖100%进口纯牛皮时尚单肩斜挎两用女包</a></li>
            	<li>一口价：<span class="shop_price">￥98元</span></li>
            </ul>
        </div>
		<div class="tagDiv"></div>
        <!--推荐商品结束-->
        
        <!--店铺交流区开始-->
        <div class="shop_box_title"><span class="more"><a href="#">更多>></a></span>店铺交流区</div>
        <div class="shop_box_text">
        	<ul>
            	<li><span class="shop_ac_text">颜色很正，包包做工相当的好，车缝线很整齐，很均匀，大气，时尚，是真皮的！很好的包包。</span>(卡维于2011-03-24)</li>    
            	<li><span class="shop_ac_text">颜色很正，包包做工相当的好，车缝线很整齐，很均匀，大气，时尚，是真皮的！很好的包包。</span>(卡维于2011-03-24)</li>    
            	<li><span class="shop_ac_text">颜色很正，包包做工相当的好，车缝线很整齐，很均匀，大气，时尚，是真皮的！很好的包包。</span>(卡维于2011-03-24)</li>    
            	<li><span class="shop_ac_text">颜色很正，包包做工相当的好，车缝线很整齐，很均匀，大气，时尚，是真皮的！很好的包包。</span>(卡维于2011-03-24)</li>    
            </ul>
        </div>
		<div class="tagDiv"></div>
        <!--店铺交流区结束-->       
        
        <!--如何购物开始-->
        <div class="shop_box_title">如何购物</div>
        <div style="text-align:center; margin-top:20px;"><img src="images/img4.gif" /></div>
		<div class="tagDiv"></div>
        <!--如何购物结束-->        
        
		<div class="tagDiv"></div>
        
    </div>
    <!--右边box开始-->
</div>


<!--底部开始-->
<div class="tagDiv"></div>
<div class="footer">
	<ul>
    	<li><a href="#">关于我们</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">人才招聘</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">商家入驻</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">广告服务</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">京东社区</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">友情链接</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">销售联盟</a></li>
        <li>北京市公安局海淀分局备案编号：1101081681京东商城版权所有</li>
        <li>Copyright © 2006-2011 Xhgo.net. All rights reserved.</li>
        <li><img src="images/link_1.gif" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/link_2.gif" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/link_3.gif" /></li>
    </ul>
</div>
<!--底部结束-->
  
</body>
</html>
